/* base color
-------------------------- */
$color-white                       : #FFF;
$color-black                       : #000;
$color-yellow                      : #FFDA00;
$color-ddd                         : #DDD;

$color-primary                     : #AFA37E;
$color-primary-light               : #EAE5D4;
$color-primary-darken              : #978755;

$color-success                     : #5BBA69;
$color-warning                     : #FFB403;
$color-danger                      : #FF5757;
$color-error                       : #FF001F;

/* layout navigate
-------------------------- */
$nav-background                    : transparent;
$nav-background-hover              : #e6f7ff;
$nav-background-active             : #3080fe;
$nav-text-color                    : #606266;
$nav-active-color                  : #e6f7ff;
$el-submenu__title-background      : #f2fbff;

/* link
-------------------------- */
$color-link-base                   : #409eff;
$color-link-base-hover             : #66b1ff;

/* checkbox radio
-------------------------- */
$checkbox-color                    : #61A5FF;

/* text color
-------------------------- */
$color-text-base                   : #333;
$color-text-light                  : #666;
$color-text-lighter                : #999;
$color-text-placeholder            : #999;
$color-text-disabled               : #D8D8D8;
$color-text-selected               : #FF8A00;

/* background-color
-------------------------- */
$background-color-base             : #F5F5F5;
$background-color-selected         : #F2F2F2;
$background-color-hover            : #F7F7F7;
$background-color-light            : #FBFBFB;
$background-color-lighter          : #FAFAFA;

/* border
-------------------------- */
$border-radius                     : 4px;
$border-color-base                 : #DDD;
$border-color-light                : #D8D8D8;
$border-color-lighter              : #EEE;
$border-base-style                 : 1px solid $border-color-base;

/* Font
-------------------------- */
$font-size-small                   : 12px;
$font-size-large                   : 14px;
$font-size-larger                  : 16px;
$font-size-largest                 : 18px;
$font-weight-medium                : 500;
$font-family                       : Avenir,Helvetica,Arial,Helvetica,PingFang SC,Microsoft YaHei,SimSun,sans-serif;
$font-line-height                  : 1;

/* Animation
-------------------------- */
$animation-transition-time          : 300ms;
$animation-transition-timing        : ease-in-out;

@mixin inlineblock{
    display: inline-block;
    vertical-align: top;
}
